<#macro menu menus=[]  currentMenu="首页" >
<!-- /.navbar-top-links -->
<ul  id="side-menu">
</ul>
<!-- /.sidebar-collapse -->
<!-- /.navbar-static-side -->
<script type="text/javascript">
    var Menu = BUI.Menu;
    var data =[
        <#list menus as menu>
            {
                text: '${menu.name}',
                icon:'${menu.icon}',
                <#assign collapsed="true">
                <#if menu.children?? && menu.children?size gt 0>
                    items: [
                        <#list menu.children as menu>
                            {
                                text: '${menu.name}',
                                icon:'${menu.icon}',
                                href: '${rootPath}${menu.url}',
                                <#if menu.name==currentMenu>
                                    selected:true
                                    <#assign collapsed="false">
                                </#if>
                            },
                        </#list>
                    ],
                    collapsed:${collapsed},
                <#else>
                    collapsed:${collapsed},
                    href:'${menu.url}'
                </#if>
            },
        </#list>
    ];
    var sideMenu = new Menu.SideMenu({
        render:'#side-menu',
        width:200,
        prefixCls:'xm-',
        itemTpl:'<div class="xm-menu-title" data="{href}" ><i class="ico iconfont {icon} "></i><span class="menu-text">{text}</span><i class="iconfont arrow icon-more"></i></div>',
        collapsedCls:'xm-menu-title',
        subMenuItemTpl : '<a href="{href}"><i class="ico iconfont {icon} "></i><span class="menu-text">{text}</span></a>',
        items :data
    });

    sideMenu.render();
    sideMenu.on('itemclick', function(e){
        var menuHref =e.item.get('href');
        if(typeof(menuHref)!="undefined") {
            window.location.href = menuHref;
        }
    });
    $(function(){
        var act=$('.active').text();
        $("span:contains('"+act+"')").siblings('.arrow').addClass('icon-more1').parents('.menu-second').siblings().removeClass('icon-more1');
        $("span:contains('"+act+"')").parents('.menu-second').find('.arrow').addClass('icon-more1').end().siblings().removeClass('icon-more1');
        $('.menu-second').click(function(){
            $(this).find('.xm-menu').show().end().siblings().find('.xm-menu').hide();
          $(this).find('.arrow').addClass('icon-more1').end().siblings().find('.arrow').removeClass('icon-more1');
        });
    });
</script>

</#macro>